<template>
    <div class="_box">
        <div class="list bone-list" v-if="this.status === 1">
            <div>
                <p class="title"></p>
                <div class="imgs flex flex-wrap">
                    <div class="img-ipc" v-for="(row, index) in new Array(6)" :key="index"></div>
                </div>
            </div>
        </div>
        <div class="list" v-if="this.status === 2 && list.length > 0">
            <div v-for="(row, index) in list" :key="index">
                <p class="title">{{row.title}}</p>
                <div class="imgs flex flex-wrap">
                    <img class="img-ipc"
                        v-for="(img, imgIndex) in row.imgs" 
                        :key="`img_${imgIndex}`" 
                        v-lazy="img.src"
                        v-on:click="onReview(row.imgs, imgIndex)"
                    />
                </div>
            </div>
        </div>
        <div class="other">
            <div class="bottom-nil-data-tip"
                v-if="this.status === 2 && list.length > 0"
            >
                <span class="text">只可浏览近期六个月作品</span>
            </div>
            <div class="bottom-nil-data-tip"
                v-if="this.status === 2 && list.length === 0"
            >
                <span class="text">暂无作品</span>
            </div>            
        </div>
    </div>
</template>
<script>
import main from './index.js'
export default main
</script>
<style lang="scss" scoped>
@import './style.scss';
</style>
